@import "./header";
@import "./footer";
section{
    .layaflash{
        padding-top: 60px;
        padding-bottom: 95px;
        background-color: #8bc01f;
        

        .row{
            background-image: url('../img/family/layaFlash.png');
            background-position: right;
            background-repeat: no-repeat;
            background-size: 449px 445px;
            .flash{
                .flash-top{
                    display: flex;
                    align-items: center;
                    flex-wrap: wrap;
                    div{
                        width: 55px;
                        height: 53px;
                        background-color: #ffffff;
                        border-radius: 2px;
                        font-size: 48px;
                        font-weight: bold;
                        color: #8bc01f;
                        text-align: center;
                        line-height: 53px;
                    }
                    h2{
                        font-size: 48px;
                        color:white;
                    }
                    P{
                        font-size: 24px;
                        color:white;
                    } 
                   
                }
            
                .flash-bottom{
                    p{
                        color: #ffffff;
                        line-height: 30px;
                    }
                    div{
                        width: 100px;
                        height: 34px;
                        background-color: #e8f2d2;
                        border-radius: 4px;
                        text-align: center;
                        line-height: 34px;
                        color: #8bc01f;
                    }
                }
            }
            
        }
    }
    .layaplay{
        background-color: #3393df;
        padding-bottom: 20px;
        .row{
            background-image: url('../img/family/layaPlayer2.png');
            background-position: right bottom;
            background-repeat: no-repeat;
             background-size: 264px 273px;
            .play{
                padding-top: 40px;
                padding-bottom: 80px;
                .play-top{
                    display: flex;
                    align-items: center;
                    flex-wrap: wrap;
                    div{
                        width: 48px;
                        height: 44px;
                        border-radius: 2px;
                        background-color: white;
                        color: #3393df;
                        font-size: 40px;
                        text-align: center;
                        line-height: 40px;
    
                    }
                    h3{
                        font-size: 48px;
                        color: white;
                    }
                }
                .play-bottom{
                    padding-top: 26px;
                    .pb-left{
                        width: 303px;
                        height: 289px;
                        img{
                            @include img;
                        }
                    }
                    .pb-right{
                        padding-left: 30px;
                        padding-top: 10px;
                        h4{
                            font-size: 24px;
                            color: white;
                            line-height: 42px;
                        }
                        p{
                            font-size: 14px;
                            color: white;
                            line-height: 34px;
                        }
                        .pr-top{
                            margin-bottom: 27px;
                        }
                        
                    }
                }
            }
        }
    }
    .laya-A-O{
        .Air-Open{
            .top{
                display: flex;
                flex-wrap: wrap;
                div{
                        margin-top: 10px;
                        width: 48px;
                        height: 41px;
                        background-color: #3393df;
                        border-radius: 2px;
                        font-size: 36px;
                        color: white;
                        line-height: 41px;
                        text-align: center;
                }
                h4{
                    font-size: 42px;
                    color: #3393df;
                }
            }
            .middle{
                font-size: 18px;
            }
            .bottom{
                padding-top: 10px;
                h5{
                    font-size: 18px;
                    color: #3393df;
                    line-height: 20px;
                }
                p{
                    text-indent: 2em;
                    line-height: 30px;
                }
                div{
                    height: 80px;
                    margin-bottom: 30px;
                }
            }
        }
    }

}